分类
联系方式
  1. 新浪微博
  2. E-mail

Vue defineComponent

介绍

在 Vue 中,组件有多种写法,比如 SFC。一种更加简单的写法,是创建一个 Object,里面实现对应方法即可。这种直接创建 Object 的方法,在实用 TypeScript 时没有语法提示,比较麻烦。因此 Vue3 提供了 defineComponent,通过它定义组件,来实现更好地类型推导。

定义简单组件

通过如下代码,就能像 Vue 中注册一个简单组件:

Vue.component('button-counter', {
    data: function () {
        return {
            count: 0
        }
    },
    template: '<button v-on:click="count++">You click me {{ count }} times.</button>'
})

网络资源

全局 API:常规 | Vue.js (vuejs.org)

Vue 中的 defineComponent - 掘金 (juejin.cn)